<taglib name='Html' />
<div class="Item hr">
    <div class="fr"><a href="{:U('index')}" class="btn">焦点图管理</a></div>
    <div class="fr"><a href="{:U('FocusImg/add')}" class="btn">添加图片</a></div>
    <div class="current">添加焦点图</div>
</div>
<form>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="table1">
	<tr>
    	<td>
            <div id="myFocus-wrap">
                <div id="myFocus">
                    <div class="__loading"><img src="__PUBLIC__/plus/myfocus/pattern/img/loading.gif" alt="请稍候..." /></div>
                    <div class="__pic">
                        <ul>
                            <li><a href="javascript:;"><img src="__PUBLIC__/admin/images/ifocus/1.jpg" alt="焦点图模块演示图片之一" text="图片1更详细的描述文字" /></a></li>
                            <li><a href="javascript:;"><img src="__PUBLIC__/admin/images/ifocus/2.jpg" alt="焦点图模块演示图片之二" text="图片2更详细的描述文字" /></a></li>
                            <li><a href="javascript:;"><img src="__PUBLIC__/admin/images/ifocus/3.jpg" alt="焦点图模块演示图片之三" text="图片3更详细的描述文字" /></a></li>
                            <li><a href="javascript:;"><img src="__PUBLIC__/admin/images/ifocus/4.jpg" alt="焦点图模块演示图片之三" text="图片3更详细的描述文字" /></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </td>
    </tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0" class="table1">
  <tr>
    <th style="width:10em;"><label for="title">焦点图标题</label></th>
    <td><input name="focus[title]" type="text" id="title" class="input" size="50">
      &nbsp;&nbsp;
      <label for="nid">唯一标识：</label>
      <input type="text" id="nid" name="focus[nid]"  value="myFocus" class="input" /></td>
  </tr>
  <tr>
    <th style="width:10em;"><label for="pattern">风格应用选择</label></th>
    <td>
    <html:select options="pattern" name="focus[pattern]" id="pattern" selected="focus['pattern']"/>
     &nbsp;&nbsp;<input type="button" class="btn" value="应用" onclick="apply()" /></td>
  </tr>
  <tr>
    <th style="width:10em;">切换时间间隔</th>
    <td><select id="time" name="focus[times]">
        <option value="2">2秒</option>
        <option value="3">3秒</option>
        <option value="4">4秒</option>
        <option value="6">6秒</option>
      </select>
      &nbsp;&nbsp;
      <label for="adTrigger">按钮触发切换模式：</label>
      <select id="adTrigger" name="focus[adTrigger]">
        <option value="click" >点击(click)</option>
        <option value="mouseover" >悬停(mouseover)</option>
      </select></td>
  </tr>
  <tr>
    <th style="width:10em;">设置宽度(主图区)</th>
    <td><input id="width" type="text" name="focus[width]" value="450" size="5" class="input" />
      (px) &nbsp;&nbsp;
      <label for="height">设置高度(主图区):</label>
      <input id="height" type="text" name="focus[height]" value="296" size="5" class="input" />
      (px) &nbsp;&nbsp;
      <label for="txtHeight">文字层高度(设置0为隐藏):</label>
      <input id="txtHeight" type="text" name="focus[txtHeight]" value="30" size="5" class="input def" />
      (px)</td>
  </tr>
  <tr>
    <th style="width:10em;">自动播放</th>
    <td><select id="auto" name="focus[auto]">
        <option value="1">是</option>
        <option value="0">否</option>
      </select>
      &nbsp;&nbsp;
      <label for="autozoom">是否缩小居中图片以适应焦点图大小:</label>
      <select id="autozoom" name="focus[autozoom]">
        <option value="1">是</option>
        <option value="0" selected>否</option>
      </select> 
      </td>
  </tr>
</table>
<div class="commonBtnArea" >
<button class="btn submit">提交添加</button>
<input type="reset" name="button" value="还原重填" class="btn"/>
</div>
</form>
<include file="Focus/javascript" /> 
<script type="text/javascript">
$(function(){
    submitForm("create");
});
</script> 
